<template>
  <div class="three-container">
    <ThreeEarth01 :chartConfig="chartConfig"></ThreeEarth01>
  </div>
</template>

<script setup lang="ts" name="threeD">
import { reactive } from 'vue'

import ThreeEarth01 from '@/components/Three/ThreeEarth01/index.vue'

const chartConfig = reactive({
  attr: {
    w: window.innerWidth,
    h: window.innerHeight
  }
})
</script>
<style lang="less" scoped>
.three-container {
  background-image: url(./../../assets/banner.jpg);
}

</style>
